<template>
  <p class="note" v-if="showNote">请输入正确的数字</p>
  <form class="form-inline col-sm-6">
    <div class="form-group form-group-sm">
    <span class="turn-play" @click="getTurnStatus()" v-bind:class="[+turnIcon ?'greenIcon':'greyIcon', 'position']">轮播</span>
      <input type="text" class="form-control set-play-time" placeholder="请输入分钟" v-model="playTime">
      <input type="btn" class="btn btn-sm btn-primary set-play" value="设置轮播时间" @click="checkFormat()">目前轮播时长：<span class="play-time"> {{nowPlayTime}}</span>
    </div>
  </form>
  <div class="col-sm-6 text-right">
      <a class="btn btn-sm btn-primary" @click="check()">已审核</a>
      审核时间：<span>{{checkTime}}</span>
  </div>
  <div class="col-sm-12 line"></div>
  <table class="table table-bordered table-hover">
    <caption><strong>首页英雄榜</strong></caption>
    <thead>
        <tr>
          <th class="col-xs-2">用户ID</th>
          <th class="col-xs-8">用户名称</th>
          <th class="col-xs-2"></th>
        </tr>
    </thead>
    <tbody>
      <tr v-for='list in lists'>
        <td>{{list.refId}}</td>
        <td v-bind:class="{ 'color': list.nameChangeFlag }">{{list.refName}}</td>
        <td class="show-group" @click="showHide(list)" v-bind:class="list.status?'greenIcon':'greyIcon'">展示该用户</td>
      </tr>
      <!-- <tr>
          <td class="col-sm-1">a</td>
          <td class="col-sm-9">b</td>
          <td class="col-sm-2 show-group">展示该组合</td>
      </tr> -->
    </tbody>
  </table>
</template>
<style src="./hero-rank.css" scoped></style>
<script src="./hero-rank.js"></script>